/**
 * 这里是uni-app内置的常用样式变量
 *
 * uni-app 官方扩展插件及插件市场（https://ext.dcloud.net.cn）上很多三方插件均使用了这些样式变量
 * 如果你是插件开发者，建议你使用scss预处理，并在插件代码中直接使用这些变量（无需 import 这个文件），方便用户通过搭积木的方式开发整体风格一致的App
 *
 */

/**
 * 如果你是App开发者（插件使用者），你可以通过修改这些变量来定制自己的插件主题，实现自定义主题功能
 *
 * 如果你的项目同样使用了scss预处理，你也可以直接在你的 scss 代码中使用如下变量，同时无需 import 这个文件
 */

/* 颜色变量 */

/* 行为相关颜色 */
$color-success: #20b59e;
$color-warning: #ea2a0f;

/* 文字基本颜色 */
$color-theme: #ff0073c8;

$color-base: #222;
$color-grey: #292929;
$color-grey-ce: #cecece;
$color-grey-bg:#eff0f3;
$color-theme-blue: #0062a1;

/* 背景颜色 */

$uni-bg-color: #ffffff;
$uni-bg-color-grey: #f8f8f8;
$uni-bg-color-hover: #f1f1f1; //点击状态颜色
$uni-bg-color-mask: rgba(0, 0, 0, 0.4); //遮罩颜色

/* 边框颜色 */
$border-color: #f4f4f4;
$border-grey: #ddd;

/* 尺寸变量 */

/* 文字尺寸 */
$fs-base: 24upx;
$fs-base-x: 28upx;
$fs-base-l: 32upx;

/* 图片尺寸 */
$uni-img-size-sm: 40upx;
$uni-img-size-base: 52upx;
$uni-img-size-lg: 80upx;

/* Border Radius */
$uni-border-radius-sm: 4upx;
$uni-border-radius-base: 6upx;
$uni-border-radius-lg: 12upx;
$uni-border-radius-circle: 50%;

/* 水平间距 */
$spacing-center: 30rpx;
$spacing-s: 10rpx;
$spacing-base: 15rpx;
$spacing-x: 25rpx;
$spacing-l: 35rpx;
//
view {
	color: $color-base;
	line-height: 1;
}
text {
	font-size: $fs-base;
	line-height: 1.3;
}
.col-29 {
	color: $color-grey;
}
//  产品图文

.img-des-item {
	.img-box {
		margin-right: $spacing-x;
		image {
			display: block;
			width: 200rpx;
			height: 200rpx;
		}
	}
	.des-box {
		.view-txt {
			display: block;
			margin-top: $spacing-s;
		}
		.tt {
			font-size: $fs-base-x;
		}
		.in-txt {
			display: inline;
		}
	}
	&.ic {
		align-items: center;
	}
}

// segmented-control type = text
.tab-nav-border {
	position: relative;
	.bor {
		position: absolute;
		width: 100%;
		height: 1rpx;
		background: $border-grey;
		bottom: 1rpx;
		left: 0;
	}
	.segmented-control {
		width: 100%;
		.segmented-control-item {
			padding-bottom: $spacing-s;
			position: relative;
			z-index: 999;
		}
	}
}
//  表格

.table-box {
	$tbg: #e4ecf3;
	$trbg: #f1f6f9;
	.table-tt {
		background: $tbg;
	}
	.tr {
		align-items: center;
		padding: $spacing-x 0;
		&:nth-child(2n) {
			background-color: $trbg;
		}
	}
	.td {
		text-align: center;
		flex-grow: 1;
		font-size: $fs-base-x;
		&.w {
			flex-grow: 1.3;
		}
		.mini-btn {
			padding: 10rpx 20rpx;
			line-height: 1;
			border: none;
			background: #0c69a4;
			color: #fff;
		}
	}
	.row-3 {
		.r{
			width: 42%;
		}
		.td{
			width: 28%;
		}
	}
}

@mixin border-b($width: 1upx, $style: solid, $color: #ddd) {
	border-bottom: {
		width: $width;
		style: $style;
		color: $color;
	}
}

//数据时间
.time-txt {
	background: #f0f6e7;
	font-size: $fs-base;
	padding: $spacing-base $spacing-center;
}

.fixBtn{
	position: fixed;
	bottom: 0;
	left: 0;
	border-radius: 0;
	width: 100%;
	background-color: $color-theme-blue;
	color: #fff;
	z-index: 9999;
}
.form-des-ud{
	margin-bottom: $spacing-center + 5;
	.des{
		display: block;
		margin-bottom: 15rpx;
		color: #353535;
	}
	.bg{
		background-color: #eff0f3;
		border-radius: 5rpx;
		font-size: 0;
		padding: 15rpx;
		position: relative;
		.uicon{
			position: absolute;
			right: 15rpx;
			top: 15rpx;
			pointer-events: none;
		}
		.val{
			font-size: $fs-base-x;
			height: 50rpx;
			line-height: 50rpx;
		}
		input{
			width: 100%;
			height: 50rpx;
			line-height: 50rpx;
			font-size: $fs-base-x;
			min-height: 50rpx;
			
		}
	}
}